<template>
	<!-- 首页-她的简历 -->
	<view>
		<u-navbar back-text="她的简历" :border-bottom='false' :back-text-style="textStyle" back-icon-color="#000000"
			style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<view class="bodyer">
			<!-- 内容 -->
			<view style="width: 92%;margin: auto;display: flex;align-items: center;justify-content: space-between;">
				<view style="width: 37%;">
					<image :src="resumeData.portrait" mode="aspectFill"
						style="width: 228rpx;height: 300rpx;border-radius: 5rpx;"></image>
				</view>
				<view style="width: 63%;">
					<view style="display: flex;align-items: center;justify-content:  flex-start;">
						<view style="font-size: 30rpx;color: #656565;font-weight: bold;">{{ resumeData.name }}</view>
						<view
							style="background-color: #FFEBEB;color: #EE0C00;border-radius: 32rpx;padding: 0rpx 15rpx;height: 30rpx;line-height: 30rpx;font-size: 24rpx;margin-top: 5rpx;margin-left: 8rpx;">
							{{resumeData.score?resumeData.score:"5.0"}}分
						</view>
						<!-- <view @click="jumpToherSchedule" style="color: #979797;font-size: 28rpx;">
							<text>查看他的日程</text>
							<u-icon name="arrow-right" style='color:#979797;width: 10%;margin-left: 15rpx;'></u-icon>
						</view> -->
					</view>
					<view style="color: #B2B2B2;line-height: 40rpx;margin-top: 8rpx;">{{resumeData.enterpriseName}}
					</view>
					<view
						style="display: flex;width: 100%;font-size: 28rpx; color: #4E4E4E;height: 36rpx;margin-top:20rpx ;line-height: 36rpx;">
						<view style="padding-right: 8rpx;">{{ resumeData.age?resumeData.age:0 }}岁</view>
						<view style="width: 1rpx;height: 30rpx;margin-top: 4rpx;background-color: #707070;"></view>
						<view style="margin-left: 8rpx;padding-right: 8rpx;">{{ resumeData.education}}学历</view>
						<!-- <view style="width: 1rpx;height: 30rpx;margin-top: 4rpx;background-color: #707070;"></view>
						<view style="margin-left: 8rpx;padding-right: 8rpx;">{{resumeData.haveSocialSecurity == "1" ? "已有社保" : "未购买社保"}}</view> -->
						<view style="width: 1rpx;height: 30rpx;margin-top: 4rpx;background-color: #707070;"></view>
						<view style="margin-left: 8rpx;">{{ resumeData.nation }}</view>

					</view>
					<view
						style="display: flex;width: 100%;font-size: 28rpx; color: #4E4E4E;height: 36rpx;margin-top:20rpx ;line-height: 36rpx;">
						<view style="padding-right: 8rpx;">{{ resumeData.nativePlace?resumeData.nativePlace:"郑州" }}
						</view>
						<view v-if="resumeData.nature" style="width: 1rpx;height: 30rpx;margin-top: 4rpx;background-color: #707070;"></view>
						<view style="margin-left: 8rpx;padding-right: 8rpx;">{{ resumeData.nature }}</view>

					</view>
					<view style="display: flex; margin-top: 36rpx; width: 100%; font-size: 26rpx; color: #EE0C00;">
						<view style="width: 100%;">{{resumeData.salaryRequire?resumeData.salaryRequire:99999}}/月</view>
					</view>
				</view>
			</view>
			<!-- 	<view class="">
				<view style="">
					<view style="overflow: hidden;">
						<image style="float: left;width: 40rpx;height: 40rpx;" :src="resumeData.enterprisePortrait"></image>
						<text class="typeface4" style="float: left;margin-left: 8rpx;">{{ resumeData.enterpriseName}}</text>
					</view>
					
				</view>
				<view style="">
				
					<u-row>
						<u-col span="3"><image :src="resumeData.portrait" mode="aspectFill" style="width: 228rpx;height: 312rpx;border-radius: 5rpx;"></image></u-col>
						<u-col span="9" style=''>
							<view style="display: flex;justify-content:space-between;line-height: 40rpx;padding-left: 22rpx;margin-left: 15rpx;">
								<view class="typeface5" style="width: 35%;">{{ resumeData.name }}</view>
								<view class="typeface6" v-if="resumeData.workStatus == 1">在职</view>
								<view class="typeface6" v-if="resumeData.workStatus == 2">离职</view>
								<view class="typeface6" v-if="resumeData.workStatus == 3">忙碌</view>
								<view class="typeface61" @click="jumpToherSchedule" style="width: 55%;">查看他的日程</view>
								<view class="typeface62" @click="jumpToherSchedule"><u-icon name="arrow-right" style='color:#979797;width: 10%;'></u-icon></view>
							</view>
							<view style="line-height: 66rpx;padding-left: 22rpx;margin-left: 15rpx;">
								<text class="typeface7"> {{ resumeData.score }}分</text>
							</view> 
							<view class="typeface8" style="line-height: 56rpx;">
								<u-rate :count="count" v-model="resumeData.score" :disabled="true" active-color="#F29423"></u-rate>
							</view>
							<view style="margin-top: 28rpx;display: flex;padding-left: 22rpx;margin-left: 15rpx;">
								<view class="label" style="border-right: 1rpx solid #EEEEEE;padding-right:18rpx;">年龄:{{ resumeData.age }}</view>
								<view class="label" style="border-right: 1rpx solid #EEEEEE;padding: 0 18rpx;">经验:{{ resumeData.workExperience<=0 ? 0 : resumeData.workExperience }}年</view>
								<view class="label" style="padding-left: 18rpx;">民族:{{ resumeData.nation }}</view>
							</view>
							<view style="display: flex;padding-left: 22rpx;padding-top: 16rpx;margin-left: 15rpx;">
								<view class="label" style="border-right: 1rpx solid #EEEEEE;padding-right:18rpx;">籍贯:{{ resumeData.serviceProvince }}</view>
								<view class="label" style="border-right: 1rpx solid #EEEEEE;padding: 0 18rpx;">学历:{{ resumeData.education }}</view>
							</view>
						</u-col>
					</u-row>
				</view>
			</view> -->
			<view class="product">
				<!-- 	特长爱好 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height:36rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">特长爱好</view>
						<view style="display: flex; flex-wrap:wrap;">
							<view
								style="font-size: 24rpx;margin-top: 12rpx;height: 50rpx;margin-right: 12rpx;background: #F6F6F6;font-family: PingFang SC;font-weight: 400;color: #777777;opacity: 1;line-height: 50rpx;padding: 0 14rpx;text-align: center;"
								v-for="(item, index) in resumeData.specialityHobby" :key="index">{{ item }}</view>
						</view>
					</view>
				</view>
				<!-- 自我评价 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">自我评价</view>
						<view style="color: #4E4E4E;line-height: 50rpx;margin: 30rpx 0 20rpx 0;">
							<view>
								{{resumeData.introduction?resumeData.introduction:"该员工暂未设置自我评价的文字"}}
							</view>
						</view>
					</view>
				</view>
				<!-- 价格说明 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">价格说明</view>
						<view style="color: #4E4E4E;line-height: 50rpx;margin: 30rpx 0 20rpx 0;">
							<view>
								{{resumeData.priceExplain?resumeData.priceExplain:"该员工暂未设置价格说明的文字"}}
							</view>
						</view>
					</view>
				</view>
				<!-- 证件证书 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left" style="">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">证件证书</view>
						<view class="" style="padding-top: 0!important;padding-bottom: 11rpx!important;">
							<view class="product_box_right">
								<scroll-view class="product_box_right_show" scroll-x="true" @scroll="scroll"
									scroll-with-animation="true">
									<view class="demo1" v-for="(item, index) in resumeData.certificates" :key="index">
										<image @click="clickCertificates(index)" :src="item" mode="aspectFill"></image>
									</view>
								</scroll-view>
							</view>
						</view>
					</view>
				</view>
				<!-- 服务流程 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left" style="">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">服务流程</view>
						<view class="" style="padding-top: 15rpx;padding-bottom: 11rpx!important;">
							<view style="display: flex;margin-bottom: 12rpx;">
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/f30d368eadfb468ca12536a17976089a.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										1.预约面试
									</view>
								</view>
								<view style="width: 17%;height: 140rpx; text-align: center;display: flex; justify-content: center; align-items: center;">
									<image style="width: 56rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/003051b195214e7b94f8f7e5356109d2.png" mode="widthFix"></image>
								</view>
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/958d12b04510421b9951bba85f9299dd.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										2.线下面试
									</view>
								</view>
								<view style="height: 140rpx;width: 17%;display: flex; justify-content: center; align-items: center;">
									<image style="width: 56rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/003051b195214e7b94f8f7e5356109d2.png" mode="widthFix"></image>
								</view>
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/540fc45378174c1389270dac739855fa.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										3.签到合同
									</view>
								</view>
							</view>
							<view style="display: flex;margin-bottom: 12rpx;">
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/6f1ba91970e14f08b02ee96ff5be07c1.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										4.开始服务
									</view>
								</view>
								<view style="height: 140rpx;width: 17%;text-align: center;display: flex; justify-content: center; align-items: center;">
									<image style="width: 56rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/003051b195214e7b94f8f7e5356109d2.png" mode="widthFix"></image>
								</view>
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/4e608f76f8344d85a08a03e3a1a5f3ef.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										5.平台担保
									</view>
								</view>
								<view style="height: 140rpx;width: 17%;display: flex; justify-content: center; align-items: center;">
									<image style="width: 56rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/003051b195214e7b94f8f7e5356109d2.png" mode="widthFix"></image>
								</view>
								<view style="width: 22%;text-align: center;">
									<image style="width: 100%;display: flex; justify-content: center; align-items: center;" src="https://beedao.oss-cn-beijing.aliyuncs.com/050c7f2f59bf4461bc65b27e2ca48007.png" mode="widthFix"></image>
									<view style="width: 100%;text-align: center;line-height: 48rpx;font-size: 22rpx;">
										6.售后可靠
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 服务说明 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left" style="">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">服务说明</view>
						<view v-html="resumeData.serviceExplain" style="padding-top: 0!important;padding-bottom: 11rpx!important;line-height: 50rpx;">
							
						</view>
					</view>
				</view>
				<!-- 照片展示 -->
				<view class="product_box" style="margin-top: 20rpx;">
					<view class="product_box_left" style="">
						<image src="https://beedao.oss-cn-beijing.aliyuncs.com/b03b3d5a1da349ab98d0884d2026809d.png"
							mode="" style="width: 10rpx;height: 38rpx;"></image>
					</view>
					<view class="product_box_right">
						<view class="product_box_right_title">照片展示</view>
						<view class="" style="padding-top: 0!important;padding-bottom: 11rpx!important;">
							<view class="product_box_right">
									<view style="width: 100%;" v-for="(item, index) in resumeData.images" :key="index">
										<image style="width: 100%;" @click="clickPreview(index)" :src="item" mode="widthFix"></image>
									</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view style="width: 100%;height: 134rpx;"></view>
			<view class="foot">
				<view style="width: 92%;margin: 0 auto;display: flex;align-items: center;justify-content: space-around;text-align: center;">
					<view style="height: 116rpx;width: 26%;">
						<view class="boxs">
							<image style="width: 36rpx;height:36rpx;margin-left: 2rpx;" src="https://beedao.oss-cn-beijing.aliyuncs.com/f41d9432958b4ef2997ea510f3d74b2e.png" mode=""></image>
							<button open-type="share" class="getCodeView"></button>
						</view>
				
						<view style="height: 36rpx;font-size: 26rpx;"><button open-type="share" style="color: #707070;" class="buttons">分享</button></view>
					</view>
					<view @click="dateShow = true" class="call" style="width: 74%;" >立即预约</view>
				</view>
			</view>

			<!-- 	<movable-area class="movableArea" @click="jumpToAuntCandidate">
				<movable-view class="movableView" direction="all" x="600rpx" y="800rpx">
					<image src="../../../../static/img/1-22.png" mode="widthFix"></image>
					<view>{{ resumeData.chooseNum }}人候选中</view>
				</movable-view>
			</movable-area> -->
		</view>

		<!-- 绑定手机号 -->
		<u-modal v-model="phoneShow" :show-title="false" :show-confirm-button="false">
			<view>
				<view class="typeface12">暂未绑定手机号，绑定手机号后才可下单!</view>
				<view style="display: flex;justify-content:center;justify-content:space-between;">
					<view class="cancel" @click="phoneShow = false">取消</view>
					<button class="bottom" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" lang="zh_CN"
						withCredentials="true">绑定手机号</button>
				</view>
			</view>
		</u-modal>

		<!-- 选择服务时间 -->
		<u-select style="line-height: 32rpx;width: 4%;" v-model="dateShow" title="选择服务时间" mode="mutil-column-auto"
			:list="list" confirm-color="#FCC800" @confirm="getDefaultTime"></u-select>

		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#fca800'
				},
				count: 5,
				value: 4.5,
				urls: [],
				videoContext: '',
				resumeData: {
					experiences: [],
					employeeId: '',
					name: '',
					sex: '',
					phone: '',
					age: '',
					serviceProvince: '',
					serviceCity: '',
					serviceRegion: '',
					residence: '',
					enterpriseId: '',
					portrait: '',
					videoUrl: '',
					medicalReport: '',
					education: '',
					nation: '',
					nativePlace: '',
					workExperience: '',
					introduction: '',
					workStatus: '',
					rankLevel: '',
					score: '',
					enterpriseName: '',
					images: '',
					businesses: '',
					skills: '',
					experiences: '',
					certificates: '',
					choose: '',
					chooseNum: ''
				},
				redirectId: null,
				employeeId: null,
				list: [],
				dateShow: false,
				refresh: 0,
				addType: null,

				phoneShow: false, //是否显示绑定手机号弹框
				userid: '',
				imgs: '',
				type: 3,
			};
		},
		onLoad(option) {
			if (option.type) {
				this.type = 1
			}

			this.imgs = option.imgs;
			this.employeeId = option.employeeId;
			this.redirectId = option.redirectId;
			this.addType = option.addType;
			var userInfo = JSON.parse(uni.getStorageSync('userinfo'));
			this.userId = userInfo.userId
			this.getResumeData();
			this.getDatas();
		},
		created() {},
		onShareAppMessage(res) {
			if (res.from === 'button') { // 来自页面内分享按钮
				// uni.showToast({
				// 	title: '分享成功',
				// 	icon: 'none'
				// });
			}
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'common/insertShareLog'
			};
			let data = {};
			this.http.httpTokenRequest(opts, data).then(res => {
				//分享日志，不需要处理
			});
			return {
				title: this.resumeData.enterpriseName,
				imageUrl: this.resumeData.portrait,
				path: '/pages/login/login?id=' + this.userId + '&employeeId=' + this.employeeId + '&redirectId=' + this
					.redirectId + '&addType=' + this.addType + '&types=' + this.type + "&jumpType=" + 7 + "&imgs=" + this
					.imgs
				// path:'/pages/home/home?id=' + this.userId+'&type='+'5'+'&employeeId='+this.employeeId+'&redirectId='+this.redirectId+'&addType='+this.addType+'&types='+this.type
			}
		},
		methods: {
			//绑定手机号事件
			getPhoneNumber(e) {
				var _this = this;
				if (e.detail.errMsg == 'getPhoneNumber:ok') {
					uni.login({
						provider: 'weixin',
						success: function(loginRes) {
							var code = loginRes.code;
							let opts = {
								way: true, //true JSON请求；false 表单请求
								method: 'post',
								url: 'user/bind/phone'
							};
							let data = {
								encryptedData: e.detail.encryptedData,
								iv: e.detail.iv,
								code: code
							};
							_this.http.httpTokenRequest(opts, data).then(res => {
								//打印请求返回的数据
								if (res.code == 200) {
									uni.setStorageSync('isBindPhone', true);
									_this.phoneShow = false;
								} else {
									_this.phoneShow = false;
									_this.$refs.uToast.show({
										title: res.message,
										type: 'error'
									});
								}
							});
						}
					});
				} else {
					_this.phoneShow = false;
				}
			},
			//修改候选状态
			updateCandidate: function(item) {
				//true:候选中   false:未候选
				if (item.choose) {
					let opts = {
						way: true, //true JSON请求；false 表单请求
						method: 'post',
						url: 'user-candidate/cancel'
					};
					let data = {
						candidateId: item.candidateId
					};
					this.http.httpTokenRequest(opts, data).then(res => {
						if (res.code == '200') {
							this.getResumeData();
						} else {
							this.$refs.uToast.show({
								title: res.message,
								type: 'error'
							});
						}
					});
				} else {
					let opts = {
						way: true, //true JSON请求；false 表单请求
						method: 'post',
						url: 'user-candidate/add'
					};
					let data = {
						employeeId: item.employeeId,
						businessId: this.redirectId,
						addType: this.addType
					};
					this.http.httpTokenRequest(opts, data).then(res => {
						if (res.code == '200') {
							this.getResumeData();
						} else {
							this.$refs.uToast.show({
								title: res.message,
								type: 'error'
							});
						}
					});
				}
			},
			getResumeData: function() {
				let opts = {
					way: true, //true JSON请求；false 表单请求
					method: 'post',
					url: 'employee/detail'
				};
				let data = {
					employeeId: this.employeeId
				};
				this.http.httpTokenRequest(opts, data).then(res => {
					if (res.code == '200') {
						this.resumeData = res.data;
					} else {
						this.$refs.uToast.show({
							title: res.message,
							type: 'error'
						});
					}
				});
			},
			// 点击平台担保图片
			clickPre(current) {
				uni.previewImage({
					current: current,
					urls: this.urls,
					indicator: 'default',
					loop: true
				});
			},
			// 点击个人展示图片
			clickPreview(current) {
				uni.previewImage({
					current: current,
					urls: this.resumeData.images,
					indicator: 'default',
					loop: true
				});
			},
			// 点击证件图片
			clickCertificates(current){
				uni.previewImage({
					current: current,
					urls: this.resumeData.certificates,
					indicator: 'default',
					loop: true
				});
			},
			//滑动事件
			scroll: function(e) {
				// console.log(e.detail.scrollTop);
			},
			// jumpToauntCandidate: function() {
			// 	//候选阿姨
			// 	uni.navigateTo({
			// 		url: "../auntCandidate/auntCandidate"
			// 	});
			// },
			jumpToAuntCandidate: function() {
				//候选阿姨
				uni.navigateTo({
					url: '../auntCandidate/auntCandidate'
				});
			},
			jumpToherSchedule: function() {
				let data = {
					name: this.resumeData.name,
					workStatus: this.resumeData.workStatus,
					age: this.resumeData.age,
					workExperience: this.resumeData.workExperience,
					nation: this.resumeData.nation,
					score: this.resumeData.score,
					portrait: this.resumeData.portrait
				};
				uni.navigateTo({
					url: '../../herSchedule/herSchedule?employeeId=' + this.employeeId + '&data=' + JSON
						.stringify(data)
				});
			},
			jumpToVideo: function(url) {
				uni.redirectTo({
					url: './video/video?videoUrl=' + url + '&redirectId=' + this.redirectId + '&employeeId=' +
						this.employeeId
				});
			},
			// 请选择时间
			getDatas() {
				var arr = [];
				var _this = this;
				var date = new Date();
				var month = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);
				var day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
				var showDate = date.getFullYear() + '-' + month + '-' + day;
				var nextData = '';
				for (var i = 1; i <= 6; i++) {
					//后7天
					date.setDate(date.getDate() + 1);
					var months = date.getMonth() + 1 > 9 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);
					var day = date.getDate() > 9 ? date.getDate() : '0' + date.getDate();
					nextData = date.getFullYear() + '-' + months + '-' + day;
					arr.push({
						value: i + 1,
						label: nextData
					});
				}
				var datas = [{
						value: 1,
						label: '07:00'
					},
					{
						value: 2,
						label: '08:00'
					},
					{
						value: 3,
						label: '09:00'
					},

					{
						value: 4,
						label: '10:00'
					},
					{
						value: 5,
						label: '11:00'
					},
					{
						value: 6,
						label: '12:00'
					},
					{
						value: 7,
						label: '13:00'
					},
					{
						value: 8,
						label: '14:00'
					},

					{
						value: 9,
						label: '15:00'
					},
					{
						value: 10,
						label: '16:00'
					},
					{
						value: 11,
						label: '17:00'
					},
					{
						value: 12,
						label: '18:00'
					},
					{
						value: 13,
						label: '19:00'
					}
				];
				var nowtime = date.getHours();
				var indexs = null;
				datas.forEach((item, index) => {
					var tex = parseInt(item.label.substring(0, 2));
					if (parseInt(item.label.substring(0, 2)) == nowtime) {
						indexs = index;
					}
				});
				this.arrayInex = datas.splice(0, indexs + 1);
				var items = [];

				if (19 > nowtime) {
					items.push({
						value: 1,
						label: showDate
					});
				}

				items = items.concat(arr);
				items.forEach((item, index) => {
					if (index == 0 && datas.length > 0) {
						item.children = datas;
					} else {
						item.children = [{
								value: 1,
								label: '07:00'
							},
							{
								value: 2,
								label: '08:00'
							},
							{
								value: 3,
								label: '09:00'
							},

							{
								value: 4,
								label: '10:00'
							},
							{
								value: 5,
								label: '11:00'
							},
							{
								value: 6,
								label: '12:00'
							},
							{
								value: 7,
								label: '13:00'
							},
							{
								value: 8,
								label: '14:00'
							},

							{
								value: 9,
								label: '15:00'
							},
							{
								value: 10,
								label: '16:00'
							},
							{
								value: 11,
								label: '17:00'
							},
							{
								value: 12,
								label: '18:00'
							},
							{
								value: 13,
								label: '19:00'
							}
						];
					}
				});
				this.list = items;
			},
			// 确认下单
			getDefaultTime: function(val) {
				let _this = this;
				uni.showModal({
					title: '',
					content: '确定要预约吗？',
					cancelText: '取消', // 取消按钮的文字
					confirmText: '确认', // 确认按钮文字
					confirmColor: '#F29423',
					cancelColor: '#979797',
					success: function(resd) {
						if (resd.confirm) {
							let opts = {
								way: true, //true JSON请求；false 表单请求
								method: 'post',
								url: 'orders/create/month'
							};
							let data = {
								employeeId: _this.employeeId,
								businessId: _this.redirectId,
								interviewTime: val[0].label + ' ' + val[1].label,
								createType: _this.type,
								mapAddress: null
							};
							_this.http.httpTokenRequest(opts, data).then(res => {
								if (res.code == '200') {
									_this.$refs.uToast.show({
										title: res.message,
										type: 'success'
									});
									uni.redirectTo({
										url: '../../../service/orderSuccess?orderId=' + res
											.data
									});
								} else if (res.code == '1013') {
									_this.phoneShow = true;
								} else {
									_this.$refs.uToast.show({
										title: res.message,
										type: 'error'
									});
									uni.redirectTo({
										url: '../../../service/orderFail'
									});
								}
							});
						} else if (resd.cancel) {
							return false;
						}

					}
				});
			}
		}
	};
</script>

<style lang="less">
	.cancel {
		margin: 20rpx 0rpx 32rpx 0rpx;
		padding: 0rpx 106rpx 0rpx 84rpx;
		border-right: 2rpx solid #b8b7b7;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #979797;
		opacity: 1;
	}

	button::after {
		border: none;
	}

	.getCodeView {
		display: inline-block !important;
		padding: 0 !important;
		width: 42rpx !important;
		margin-right: 0;
		height: 42rpx;
		line-height: 36rpx;
		padding-right: 0rpx;
		z-index: 11;
		opacity: 0;
		position: absolute;
		left: 0;
	}

	.bottom {
		background-color: #fff;
		border: 1rpx solid #ffffff;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #fca800;
		opacity: 1;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}

	.bodyer {
		// min-height: calc(100vh - (var(--status-bar-height) + 44px));
		// background-image: url();
		// background-repeat: no-repeat;
		// background-size: 100% auto;
	}

	.tables {
		// margin-left: 30rpx;
		/* margin-top: 24rpx; */
		// width: 692rpx;
		background: #ffffff;
		padding: 50rpx 44rpx;
		// box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
		// opacity: 1;
		// border-radius: 10rpx;
		// padding-bottom: 16rpx;
	}

	.typeface4 {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #656565;
		opacity: 1;
	}

	.cancelButtom {
		text-align: center;
		background: #fca800;
		border-radius: 10rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 42rpx;
		color: #ffffff;
		opacity: 1;
		padding: 4rpx 12rpx;
	}

	.typeface5 {
		width: 30%;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #656565;
		opacity: 1;
	}

	.typeface6 {
		width: 24%;
		font-size: 24rpx;
		font-family: PingFang SC;
		color: #f29423;
		opacity: 1;
	}

	.typeface61 {
		font-size: 28rpx;
		font-family: PingFang SC;
		color: #979797;
		width: 40%;
		text-align: right;
	}

	.typeface62 {
		margin-left: 5rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		color: #7a7a7a;
		width: 5%;
		text-align: right;
	}

	.typeface7 {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		opacity: 1;
		color: #f29423;
		background-color: #FFF6EB;
		padding: 2rpx 10rpx;
		border-radius: 20rpx;
	}

	.typeface8 {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #3f3f3f;
		opacity: 1;
	}

	.typeface9 {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #f29423;
		opacity: 1;
	}

	.label {
		// width: 33%;
		color: #F29423;
		font-size: 20rpx;

	}

	.joinButtom {
		border: 2rpx solid #f29423;
		opacity: 1;
		border-radius: 10rpx;
		text-align: center;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #f29423;
		opacity: 1;
		padding: 4rpx 12rpx;
	}
	.foot {
		position: fixed;
		z-index: 99;
		background-color: #ffffff;
		bottom: 0;
		width: 100%;
		font-size: 26rpx;
		color: #707070;
		border-top: 1rpx solid #DFDFDF;
	}
	.typeface10 {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #858585;
		opacity: 1;
	}

	.typeface11 {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #fca800;
		opacity: 1;
	}

	.typeface12 {
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
		opacity: 1;
		padding: 56rpx 152rpx 56rpx 134rpx;
	}

	.product {
		width: 100%;
		margin: auto;
	}

	.product_box {
		width: 92%;
		margin: auto;
		display: flex;
		box-shadow: 0 4rpx 24rpx 0 rgba(0, 0, 0, .1);
		opacity: 1;
		border-radius: 10rpx;
		padding: 50rpx 0;

	}

	.product_box .product_box_left {
		// width: 10%;
		text-align: right;
		line-height: 60rpx;
		// margin-right: 12rpx;
	}

	.product_box .product_box_left image {
		width: 30rpx;
		height: 30rpx;
		margin-top: 8rpx;
		margin-right: 20rpx;
	}

	.product_box .product_box_right {
		width: 95%;
		line-height: 50rpx;
	}

	.product_box_right_title {
		font-size: 30rpx;
		font-weight: bold;
		color: #3f3f3f;
	}

	.product_box .product_box_right .product_box_right_city {
		color: #979797;
		line-height: 56rpx;
	}

	.product_box .product_box_right .label {
		margin-top: 12rpx;

		// width: 72px;
		height: 25px;
		margin-right: 12rpx;
		background: #FFF9F2;
		// border: 2rpx solid #f29423;
		opacity: 1;
		text-align: center;
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 400;
		// line-height: 42rpx;
		color: #f29423;
		opacity: 1;
		line-height: 55rpx;
		padding: 0 14rpx;
		text-align: center;
	}

	.product_box_right_show {
		margin-top: 10rpx;
		white-space: nowrap;
		display: flex;
	}

	.product_box_right_show .demo1 {
		display: inline-block;
		width: 180rpx;
		margin-right: 46rpx;
		margin-top: 10rpx;
	}

	.product_box_right_show .demo1 image {
		width: 100%;
		height: 180rpx;
	}

	.product_box_right_show .demo1 video {
		width: 100%;
		height: 224rpx;
	}

	.product_box_right_show .demo2 {
		display: inline-block;
		width: 632rpx;
		margin-right: 2%;
	}

	.product_box_right_show .demo2 image {
		width: 632rpx;
		height: 184rpx;
		background: #ffffff;
		box-shadow: 12rpx 12rpx 6rpx rgba(0, 0, 0, 0.16);
		opacity: 1;
	}

	.product_box_right_flow {
		margin-bottom: 90rpx;
		width: 100%;
	}

	.product_box_right_flow image {
		width: 664rpx;
		height: 326rpx;
		margin: 0 auto;
	}

	/* 底部操作栏 */
	.footer {
		width: 100%;
		height: 100rpx;
		position: fixed;
		bottom: 0;
		background-color: #fff;
		left: 0;
		/* border-top:1rpx solid #DEDEDE; */
	}

	.footer_box {
		width: 100%;
		display: flex;
		/* line-height: 100rpx; */
	}

	.footer_box .chec {
		width: 15%;
	}

	.footer_box .chec image {
		width: 30rpx;
		height: 30rpx;
	}

	.madeinfo {
		width: 65%;
		line-height: 100rpx;
		text-align: right;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.madeinfo .madeinfo_but {
		width: 240rpx;
		color: #fff;
		padding: 10rpx 40rpx;
		background-color: #fca800;
		font-size: 34rpx;
		border-radius: 10rpx;
		height: 72rpx;
		line-break: ;
		line-height: 72rpx;
		text-align: center;
		padding: 0 20rpx;
	}
	.call {
		width: 458rpx;
		height: 82rpx;
		background-color: #FCC800;
		color: #ffffff;
		font-size: 34rpx;
		line-height: 78rpx;
		border-radius: 2rpx;
		text-align: center;
	}
	.movableArea {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none; //设置area元素不可点击，则事件便会下移至页面下层元素

		.movableView {
			pointer-events: auto; //可以点击
			text-align: center;
			width: 165rpx;
			margin-right: 15rpx;

			image {
				width: 124rpx;
				height: 124rpx;
			}

			view {
				width: 150rpx;
				text-align: center;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #fca800;
				opacity: 1;
			}
		}
	}

	.line {
		border: 2rpx solid #F2F2F2;
	}

	.buttons {
		font-size: 26rpx;
		// width: 28rpx;
		// height: 19rpx;
		background: none;
		color: #707070;
		height: 80rpx;
		line-height: 40rpx;
		padding: 0;
		// font-size: 26rpx;
	}

	.buttons::after {
		border: none;
	}
	.boxs {
		text-align: center;
		margin-top: 23rpx;
		width: 40rpx;
		height: 36rpx;
		display: inline-block;
		position: relative;
	}
	
	.boxs image {
		position: absolute;
		left: 0;
		width: 46rpx;
		height: 46rpx;
		z-index: 10;
	}
</style>
